<template>
  <div class="app">
    <h1>app---{{ msg }}</h1>
    <!-- <Child></Child> -->
    <Child
      :msg="msg"
      @click="getChildData"
    />
  </div>
</template>
<script setup>
import { ref } from 'vue'
import Child from './Child.vue'

const msg = ref('父组件的数据')
const getChildData = (data) => {
  console.log(data)
}
// export default {
//   data() {
//     return {
//       msg: '父组件的数据'
//     }
//   },
//   methods: {
//     getSonData(data) {
//       console.log(data)
//       // this.msg = data
//     }
//   },
//   components: {
//     Child
//   }
// }
</script>
<style lang="scss" scoped></style>
